*{margin: 0;padding: 0;}
.x-checkbox{display: inline-block;cursor: pointer;color:#606266;}
.x-checkbox label{cursor: pointer;}
.x-checkbox .x-checkbox-wrap{display: inline-block;width: 14px;height: 14px;vertical-align: middle;position: relative;line-height: 1;
border: 1px solid #dcdee2;border-radius: 2px;background: #fff;font-size: 14px;transition: all .3s ease-in-out;}
.x-checkbox .x-checkbox-wrap .x-checkbox-input{opacity: 0;;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;cursor: pointer;z-index: 1;}
.x-checkbox .x-checkbox-wrap.is-checked::after{display: table;content: "";width: 3px;height: 8px;position: absolute;top: 0;left: 4px;border: 2px solid #fff;
border-top: 0;border-left: 0;transform: rotate(45deg) scale(1);transition: all .3s ease-in-out;cursor: pointer;}
.x-checkbox .x-checkbox-wrap.is-checked{background: #409eff;transition: all .3s ease-in-out;border-color: #409eff}
.x-checkbox .x-checbox-text{font-size: 14px;user-select: none;}
.x-checkbox .x-checbox-text.is-checked{color: #409eff}